<!DOCTYPE html>
<html lang="en" class="no-js" xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8">
	<title>Fullscreen Login</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">
	<!-- CSS -->
	<link rel="stylesheet" th:href="@{/css/common/reset.css}">
	<link rel="stylesheet" th:href="@{/css/common/supersized.css}">
	<link rel="stylesheet" th:href="@{/css/common/style.css}">
	<!--<div th:insert="~{pages/header::head}"></div>-->

</head>

<body oncontextmenu="return false">

<div class="page-container">
	<h1>Login</h1>
	<form action="" method="post">
		<div>
			<input type="text" name="username" id="username" class="username" placeholder="Username" autocomplete="off"/>
		</div>
		<div>
			<input type="password" name="password" id="password" class="password" placeholder="Password" oncontextmenu="return false"
			       onpaste="return false"/>
		</div>
		<button id="submit" type="button">Sign in</button>
		<div style="margin-left: 55%; margin-top: 20px;">
			<a href="javaScript: (0);" type="button" id="register" >register</a>
		</div>
	</form>
	<div class="connect">
		<p>If we can only encounter each other rather than stay with each other,then I wish we had never
			encountered.</p>
		<p style="margin-top:20px;">如果只是遇见，不能停留，不如不遇见。</p>
	</div>
</div>
<div th:insert="~{pages/footer::foot}"></div>
<!-- Javascript -->
<script th:src="@{/js/common/supersized.3.2.7.min.js}"></script>
<script th:src="@{/js/common/supersized-init.js}"></script>
<script th:src="@{/js/login.js}"></script>
<script>
    /*<![CDATA[*/
        var webRoot = '[[${#httpServletRequest.getScheme() + "://" + #httpServletRequest.getServerName() + ":" + #httpServletRequest.getServerPort() + #httpServletRequest.getContextPath()}]]';
    /*]]>*/
    window.onload = function () {
        $(".connect p").eq(0).animate({"left": "0%"}, 600);
        $(".connect p").eq(1).animate({"left": "0%"}, 400);
    }
</script>
</body>

</html>

